<template>
  <div class="heytea-banner">
    <img class="image-item" v-for="(item, index) in props.background.value.slice(0, 1)" :key="index" :src="item.url" />
  </div>
</template>

<script>
export default {
  props: ['props']
}
</script>

<style>
.heytea-banner{
  width: 350px;
  height: 100px;
}
.image-item {
  width: 100%;
  height: 120px;
}
</style>